<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Confrim Order</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>

</head>
<body>
    <div th:replace="common/Top"></div>

    <div id="Content">
        <div id="BackLink">
            <a href="/catalog/view">Return to Main Menu</a>
        </div>

        <form action="/order/confirmOrder" method="post">
            <div id="Catalog">
                Please confirm the information below and then press continue
                <table>
                    <tr>
                        <th align="center" colspan="2">
                            <font size="4">
                                <b>Order</b>
                            </font>
                            <br/>
                            <font size="3">
                                <b th:text="${#dates.format(session.order.orderDate, 'yyyy/MM/dd hh:mm:ss')}"></b>
                            </font>
                        </th>
                    </tr>

                    <tr>
                        <th colspan="2">Billing Address</th>
                    </tr>

                    <tr>
                        <td>First name:</td>
                        <td th:text="${session.order.billToFirstName}"></td>
                    </tr>
                    <tr>
                        <td>Last name:</td>
                        <td th:text=${session.order.billToLastName}><c:out value="" /></td>
                    </tr>
                    <tr>
                        <td>Address 1:</td>
                        <td th:text="${session.order.billAddress1}"><c:out value="" /></td>
                    </tr>
                    <tr>
                        <td>Address 2:</td>
                        <td th:text="${session.order.billAddress2}"></td>
                    </tr>
                    <tr>
                        <td>City:</td>
                        <td th:text="${session.order.billCity}"></td>
                    </tr>
                    <tr>
                        <td>State:</td>
                        <td th:text="${session.order.billState}"></td>
                    </tr>
                    <tr>
                        <td>Zip:</td>
                        <td th:text="${session.order.billZip}"></td>
                    </tr>
                    <tr>
                        <td>Country:</td>
                        <td th:text="${session.order.billCountry}"></td>
                    </tr>
                    <tr>
                        <th colspan="2">Shipping Address</th>
                    </tr>
                    <tr>
                        <td>First name:</td>
                        <td th:text="${session.order.shipToFirstName}"></td>
                    </tr>
                    <tr>
                        <td>Last name:</td>
                        <td th:text="${session.order.shipToLastName}"></td>
                    </tr>
                    <tr>
                        <td>Address 1:</td>
                        <td th:text="${session.order.shipAddress1}"></td>
                    </tr>
                    <tr>
                        <td>Address 2:</td>
                        <td th:text="${session.order.shipAddress2}"></td>
                    </tr>
                    <tr>
                        <td>City:</td>
                        <td th:text="${session.order.shipCity}"></td>
                    </tr>
                    <tr>
                        <td>State:</td>
                        <td th:text="${session.order.shipState}"></td>
                    </tr>
                    <tr>
                        <td>Zip:</td>
                        <td th:text="${session.order.shipZip}"></td>
                    </tr>
                    <tr>
                        <td>Country:</td>
                        <td th:text="${session.order.shipCountry}"></td>
                    </tr>

                </table>
                <input type="submit" name="confirmed" value="Continue">
                <a href="/account/viewAccountInf" class="Button">Modify address</a>
            </div>
        </form>
    </div>

    <div th:replace="common/Bottom"></div>
</body>
</html>